<!--
 * @Author: ranjianglai
 * @Date: 2023-01-12 14:11:32
 * @Description: 
-->


<template>
    <view class="type-area cus-page">
        <view class="com-m-t-20 com-flex-col com-row-center com-col-center card">
            <image v-if="status==1" src="/static/common/pay_cg.png" alt=""></image>
            <image v-if="status==0" src="/static/common/pay_sb.png" alt=""></image>
            <text class="com-m-t-32 com-font-40 com-font-bold">{{status == 1 ? "支付成功" : "支付失败"}}</text>
            <view v-if="status==1" class="com-m-t-32 com-flex-col com-row-center com-col-center">
                <view class="com-price-color">
                    <text class="com-font-48 com-font-bold">1660</text>
                    <text>日元</text>
                </view>
                <text class="com-m-t-8 com-font-24 com-minor-color">(约564人民币)</text>
            </view>
            <text class="com-m-t-32 com-active-color">结算费用=商品总价+选择增值服务费</text>
            <text class="com-m-t-20 com-font-24 com-minor-color">您可在“我的-我的订单”中查看订单详情</text>
        </view>
        <ct-list-n />
    </view>
</template>


<script>
import CtListN from '../../components/ct-list-n/ct-list-n.vue';
export default {
    name:'payFinsh',
    components: {CtListN},
    props:{},

    data () {
        return {
            status: 1, // 1:支付成功 0:支付失败
        }
    },

    computed: {},
    watch: {},

    mounted() {
        setTimeout(()=>{
            this.status = 0;
        },1500)
    },

    methods: {},
}
</script>


<style scoped lang='scss'>
    .card{
        background: #fff;
        padding: 48rpx 32rpx;
        border-radius: 24rpx;
        image{
            width: 80rpx;
            height: 80rpx;
        }
    }
</style>